<!DOCTYPE html>
<html lang="zh_CN">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div id="container">
		<h1 id="test">Hello World</h1>
	</div>

	<script type="text/javascript" src="demo01.js"></script>
	<script type="text/javascript">
		console.log(F);
		console.log( F.string.trim(' Hello World! ') );
		console.log( F.dom('container').html() );


		// 引用 dom 模块与 document 对象（注意，依赖模块对象通常为已创建的模块对象）
		F.module(['dom', 'string.trim', document], function(dom, trim, doc) {
			// 通过 dom  模块设置元素内容
			dom('test').html('new add!');
			// 通过 document 设置 body 元素背景色
			doc.body.style.background = 'gray';
			// 测试
			console.log(trim(' Hello WOrld '));
		});
	</script>
</body>
</html>